-pos(type,args)
	i=0
	position: unquote(type)
	{args[i]}:args[i + 1] is a 'unit' ? args[i += 1] : 0
	{args[i += 1]}: args[i + 1] is a 'unit' ? args[i += 1] : 0

absolute()
	-pos('absolute',arguments)

relative()
	-pos('relative',arguments)
fixed()
	-pos('fixed',arguments)

border-radius()
	-webkit-border-radius: arguments
	-moz-border-radius: arguments
	-ms-border-radius: arguments
	-o-border-radius: arguments
	border-radius: arguments


/* Public style */
*
	margin: 0
	padding: 0
	-webkit-margin-before: 0
	-webkit-margin-after: 0
body
	font-family: "Microsoft Yahei", "Helvetica Neue", "STHeiTi", "Arial", "sans-serif", Arial, sans-serif
ul
	list-style: none
.navbar
	absolute(top left)
	width: 100%
	height: 80px
	padding: 0 45px
	background-color: rgba(122,153,203,.5)
	z-index: 9
	.navbar-header
		height: 80px
		line-height: 80px
	.navbar-nav
		height: 80px
		line-height: 80px
	.introduce,.enter-btn
		padding: 25px 20px
		font-size: 15px
		a
			padding: 5px  20px
			color: #fff
			border-radius(8px)
		&:hover a
			background-color: rgb(66,95,141)
	.enter-btn
		a
			width: 60px
			height: 30px
			padding: 0
			border: 1px solid #fff
			text-align: center
			line-height: 28px
			box-sizing: border-box
		&:hover
			a
				border: none
				background-color: rgb(0,149,210)

.carousel
	width: 100%
	.carousel-caption
		bottom: 30%
		p
			margin: 20px
			font-size: 25px
		&.left-word
			right: -10%
			bottom: 23%
	img
		width: 100%
.big-font
	font-size: 30px
.content
	margin: 50px auto
	text-align: center
	header
		width: 170px
		height: 55px
		padding: 10px 50px
		margin: 0 auto 50px
		border: 1px solid rgb(0,149,210)
		color: rgb(0,149,210)
		font-size: 25px
		font-weight: 500
		text-align: center
		line-height: 35px
		border-radius(30px)
	.row
		margin: 45px auto 0
		.icon-4,.icon-3
			display: inline-block
			width: 100px
			margin: 0 50px
		.icon-3
			margin: 0 60px
		p
			margin: 15px 0
			color: rgb(178,178,178)
footer.container-fluid
	padding: 0
	.relative
		padding: 22px 0
		background-color: rgb(229,229,229)
		& > .row
			width: 70%
			margin: 0 auto
			text-align: center
		.code
			span
				display: none
			img
				width 100%
		.detailed
			header
				margin-bottom: 10px
				color: rgb(0,149,210)
				font-size: 20px
				font-weight: bold
			div
				margin: 10px 0
				font-size: 12px
				a
					display: block
					margin: 10px 0
					color: rgb(150,150,150)
	.information
		padding: 40px 0
		text-align: center
		background-color: rgb(170,170,170)
		p
			margin: 0
			font-size: 12px
			color: #fff
			a
				color: #fff
.container-box
	.content-box
		width: 90%
		padding: 5% 0
		margin: 0 auto 150px
		background-color: rgb(232,245,251)
		& > ul,& > div
			display: inline-block
			vertical-align: top
		& > ul
			margin-left: 100px
			.active a
				color: rgb(0,149,210)
			&>li
				margin-bottom: 50px
				color: rgb(0,149,210)
				font-size: 20px 
				ul
					margin-top: 10px
					margin-left: 5px
				a
					color: rgb(150,150,150)
					font-size: 12px
					line-height: 30px
		.divider
			width: 4px
			height: 450px
			margin: 0 50px
			background-color: #fff
	& > header
		text-align: center
		margin-top: 60px
	.logo
		width: 15%
	.content
		margin: 0
		header
			width: 100%
			height: 35px
			padding: 0
			margin-bottom: 10px
			border: none
			text-align: left
			color: rgb(106,105,109)
			font-size: 25px
		article
			margin-bottom: 50px
			p
				margin-bottom: 5px
				color: rgb(150,150,150)
				font-size: 16px
				text-align: left
				line-height: 28px
				.emphasize
					color: rgb(106,105,109)
				&.indent
					margin-left: 20px
			&.produce
				p
					text-indent: 24px
			&.contact
				margin: 150px 80px
	.introduce
		article
			header
				margin-bottom: 0px
				color: rgb(150,150,150)
				font-size: 15px
				font-weight: normal
			p
				font-size: 15px
	.culture
		margin-top: 30px

@media only screen and (max-width:960px)
	.navbar
		height: 40px
		min-height: 40px
		padding: 0
		margin: 0
		.navbar-header
			float: left
			height: 40px
			margin-left: 5px
			line-height: 40px
			img
				width: 70px
		.nav
			float: right
			height: 40px
			margin: 0
			line-height: 40px
			li
				display: inline-block
				padding: 0
				a
					padding: 5px 3px
					font-size: 12px
			.enter-btn
				a
					width: 40px
					height: 25px
					padding: 0
					line-height: 25px
	.carousel
		top: 40px
		.carousel-caption
			bottom: 10%
			p
				margin: 0
				font-size: 12px
			strong
				font-size: 15px
			&.left-word
				left: 35%
				right: 5%
				bottom: 15%
		.carousel-indicators
			bottom: 5px
			margin-bottom: 0
			li
				width: 8px
				height: 8px
	.content
		width: 100%
		header
			width: 150px
			height: 50px
			padding: 10px 30px
			margin: 30px auto
			font-size: 25px
			line-height: 30px
		.row
			.icon-4,.icon-3
				margin: 0 20px 20px
	footer.container-fluid
		.relative
			padding: 10px 20px
			.row
				width: 100%
				height: 20px
				margin: 0
				& > div
					padding: 0
			.detailed
				relative(top,left)
				padding: 0
				header
					font-size: 15px
				div
					absolute(bottom 30px left)
					display: none
					width: 70px
					background-color: rgb(229,229,229)
			.code
				fixed(right 5px bottom 28%)
				width: 40px
				height: 40px
				border-radius(50%)
				background-color: rgba(229,229,229,.8)
				img
					display: none
					absolute(bottom 20px right 40px)
				span
					display: block
					line-height: 40px
					color: rgb(0,149,210)
							
@media screen and (min-width:1400px)
	.container-box .content-box > ul
		margin-left: 180px
		vertical-align: top
		box-sizing: border-box
	.container-box .content article.contact p
		font-size: 20px
		
@media screen and (min-width: 801px) and (max-width: 960px)
	.container-box .content-box > ul
		margin-left: 60px
		vertical-align: top
		box-sizing: border-box
	.container-box .content article.contact
		margin: 150px 20px

@media screen and (min-width: 480px) and (max-width: 800px)
	.container-box .content-box .nav
		text-align: center
		width: 90%
		margin: 0 5%
		vertical-align: top
		box-sizing: border-box
		display: block
	.divider
		width: 90%
		height: 4px
		margin: 2% 5%
		background-color: #fff
		display: block
	.container-box .content-box .nav > li
		width: 18%
		margin: 0 7.5%
		float:left
	.container-box .content-box > ul > li >ul >li
		font-size 12px
	.container-box .content-box > ul > li a
		color: #969696
		font-size: 12px
		line-height: 20px
	.container-box .content-box .content
		display: block
		width: 80%
		margin: 20px auto

@media only screen and (max-width: 479px)
	.container-box .content-box > ul > li ul
		margin:0
	.container-box .content-box .nav
		text-align: center
		width: 90%
		margin: 0 5%
		vertical-align: top
		box-sizing: border-box
		display: block
	.divider
		width: 90%
		height: 4px
		margin: 2% 5%
		background-color: #fff
		display: block
	.container-box .content-box .nav > li
		width: 25%
		margin: 0 4%
		float: left
		font-size: 10px
	.container-box .content-box > ul > li a
		font-size: 7px
		line-height: 10px
	.container-box .content-box .content
		display: block
		width: 80%
		margin: 10px auto
	.container-box .content header
		height: 25px
		margin-bottom: 0
		font-size: 14px
	.container-box .content article header,
	.container-box .content article p
		margin-bottom: 0
		font-size: 12px
		line-height: 20px
	.container-box .content article
		margin-bottom: 20px
	.container-box .content article.contact
		margin: 20% 15%
	.container-box .content article.contact p
		font-size: 8px
